
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<div>
    <img height="100" width="100" src="/assets/images/gallery/thumb-3.jpg" class="pimg"/>
    <img height="100" width="100" src="/assets/images/gallery/thumb-3.jpg" class="pimg"/>
    <img height="100" width="100" src="/assets/images/gallery/thumb-3.jpg" class="pimg"/>
</div>

<div id="outerdiv" style="position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:2;width:100%;height:100%;display:none;">
    <div id="innerdiv" style="position:absolute;">
        <img id="bigimg" style="border:5px solid #fff;" src="" />
    </div>
</div>

<script src="/js/jquery-1.9.1.min.js"></script>
<script src="/assets/js/bigimg.js"></script>

</body>
</html>
